<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide page1">
					<div class="music"></div>
					<div class="title ani" swiper-animate-effect="tada">resume</div>
					<div class="show ani" swiper-animate-effect="tada" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">个人展示</div>
					<div class="name ani" swiper-animate-effect="tada" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">姚鸿宇</div>
					<div class="ename ani" swiper-animate-effect="tada" swiper-animate-duration="0.2s">DUFEIFEI</div>
				    <img src="./img/myself.jpg"class="human ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s">
				</div>
				<div class="swiper-slide page2">
					<div class="page2-title ani" swiper-animate-effect="tada"></div>
					<div class="message ani" swiper-animate-effect="bounceInRight">
						<div class="row ani" swiper-animate-effect="bounceInRight">
							<div class="age point">年龄: 22</div>
							<div class="state point">学历: 本科</div>
							<div class="major point">专业:网络工程</div>
							<div class="tel point">电话:15758056154</div>
							<div class="email point">邮箱:1873305381@qq.com</div>

						</div>
					</div>
					<div class="message1 ani" swiper-animate-effect="bounceInRight">
						<div class="page2-text">
							<p>我个人性格比较活泼外向，喜欢挑战有难度的工作，待人真诚</p>
							<p>当然自己也存在不足，容易死脑经，做事较真，希望相处愉快</p>
						</div>
					</div>
				</div>
				<div class="swiper-slide page3">
					<!-- 开始标题 -->
					<div class="page3-title ani" swiper-animate-effect=" tada"></div>
					<!-- 工作经历1 -->
					<div class="orange1 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s">
						<div class="worktitlie1">
							2020/05-2020/09
						</div>
						<div class="worktitlie2">
							镇雄县麒圣广告有限公司
						</div>
						<div class="worktitlie3">
							设计师助理
						</div>
					</div>
					<div class="while1 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s">
						<div class="zhize point">工作职责</div><br>
						<div class="page3-text1">
							<p>1.负则客服来电来访的接待与传达</p>
							<p>2.负则各类工作文档，设计图，demo的打印分发</p>
							<p>3.配合设计师做好其他临时性工作</p>
						</div>

					</div>
					<!-- 工作经历2 -->

					<div class="orange2 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s">
						<div class="worktitlie1">
							2021.01-2021.02
						</div>
						<div class="worktitlie2">
							山西优逸客有限公司
						</div>
						<div class="worktitlie3">
							前端工程师
						</div>
					</div>
					<div class="while2 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s">

						<div class="zhize point">工作职责</div><br>
						<div class="page3-text1">制作h5项目</div>

					</div>
				</div>
				<!-- 教育背景 -->
				<div class="swiper-slide page4">
					<!-- 开始标题 -->
					<div class="page4-title ani" swiper-animate-effect=" tada"></div>
					<!-- 学校 -->
					<div class="orange3 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s">
						<div class="worktitlie4">
							2017.09-2021.06
						</div>
						<div class="worktitlie5">
							太原学院
						</div>
					</div>
					<div class="page4-while ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s">
						<p class="page4-text1">学习的专业课程包括：网络工程，c语言，计算机导论，离散数学，操作系统，数据库，JavaSE，JavaEE，web等多门计算机相关课程</p>
						<p class="page4-text2">涉及技术包含：CSS，HTML，JavaScript，Servlet，JSP，SpringCloud，SpringBoot，Redis，mysql数据库，SQL Server数据库等开发相关技术及通信技术</p>
					</div>
				</div>
				<!-- <div class="swiper-slide page5">
					<div class="page5-title ani" swiper-animate-effect="tada"></div>
					<div class="page5-massage ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s">
						<div class="page5-row">
							<div class="honer point1">获得荣誉:</div>
							<div class="honer-a ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s"></div>
							<div class="honer-b ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s"></div>
							<div class="book point1">获奖证书:</div>
							<div class="book-a ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s"></div>
							<div class="book-b ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s"></div>
							<div class="book-c ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="3s"></div>
						</div>
					</div>
				</div> -->
				<div class="swiper-slide page6">
					<div class="page6-title ani" swiper-animate-effect=" tada"></div>
					<div class="page6-massage ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s">
						<div class="page6-text">
							<p>1.本人自学能力强、工作认真、细心、有条理，思维敏捷，对于新知识接受快，敢于挑战
								<p>2.为人诚恳，待人真诚，具有良好的团队合作精神和组织能力，工作积极上进</p>
								<p>3.能吃苦，时间观念强，对不同事物有自己见解，善于独立思考，善于沟通</p>
								<p>4.对IT行业有着浓浓的兴趣，并不断的努力学习提高自己的技术水平</p>
								<p>5.有良好的代码习惯，要求结构清晰，命名规范，逻辑性较强</p>
						</div>
					</div>
				</div>
				<div class="swiper-slide page7">
					<div class="page7-title ani" swiper-animate-effect=" tada"></div>
					<div class="page7-massage ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s">
						
							<div class="text">
								<p id="c">熟练Java SE常用API及其在开发中的应用；熟悉MVC开发模式</p>
								<p id="c">熟悉使用MySql数据库，熟悉运用idea、HBuilder等开发工具</p>
								<p id="c">熟练掌握Junit技术进行代码测试并对常用的设计框架有一定的了解</p>
								<p id="c">熟悉掌握HTML，css，js，Servlet，Springmvc，springboot，springcloud，jsp等Javaweb开发技术</p>
							</div>
						
					</div>
				</div>

				<div class="swiper-slide page8">
					<div class="page8-title ani" swiper-animate-effect=" tada"></div>
					<div class="page8-ewm ani" swiper-animate-effect=" bounceInRight"></div>
					<div class="page8-tel point1">联系方式: 15758056154</div>
					<div class="page8-email point1">邮箱: 1873305381@qq.com</div>
				</div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>

			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>

			<!-- 如果需要滚动条 -->
			<div class="swiper-scrollbar"></div>
		</div>
		<script src="js/swiper.animate1.0.3.min.js"></script>
		<script src="js/swiper-bundle.js"></script>
		<script src="js/index.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'vertical', // 垂直切换选项
				loop: true, // 循环模式选项

				// 如果需要分页器
				pagination: {
					el: '.swiper-pagination',
				},

				// 如果需要前进后退按钮
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},

				// 如果需要滚动条
				scrollbar: {
					el: '.swiper-scrollbar',
				},
				on: {
					init: function() {
						swiperAnimateCache(this); //隐藏动画元素 
						swiperAnimate(this); //初始化完成开始动画
					},
					slideChangeTransitionEnd: function() {
						swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
						//this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
					}
				}
			})
		</script>
	</body>
</html>
